<template>
  <div class="cehsi back4">
    <div class="container ">
      <div class="row align-items-start justify-content-around">
        <!-- <div class="container row align-items-start justify-content-around"> -->
          <div class="col-2 col-md-3  col-xl-4 back1">

            <div class="text-left">123</div>
          </div>
          <div class="col-2 col-md-3 col-xl-4">
            <div class=" back2  textleft">789</div>
          </div>
          <div class="col-2  col-md-3 col-xl-4">
            <div class="jiejue back3 boxs text-right">123</div>
          </div>
        <!-- </div> -->

      </div>
    </div>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        lest: 0
      }
    },
    created() {
      // this.$axios.get(`console/selectConsole`).then(res=>{
      //   console.log(res)
      // })
      // var datas = {}
      // datas.name = 'NuxtT'
      // this.$request.api.signIn(datas).then(res=>{
      //   console.log(res)
      // });
      // this.$request.api.singfff(datas).then(res=>{
      //   console.log(res)
      // });


    },
    methods: {
      // cityLists() {
      //   typeList().then(response => {
      //     console.log(response)
      //   });
      // },
    }
  }

</script>

<style>
  .cehsi {
    width: 80%;
    min-height: 80px;
    margin: 0 auto;
    text-align: center;
  }

  .back1 {
    background: #ff0095;
  }

  .back2 {
    background: #4b00ff;
  }

  .back3 {
    background: #00ffc0;
  }

  .back4 {
    background: #fff700;
  }

  .boxs {
    box-shadow: 2px 2px 2px red;
  }

  .jiejue {
    /* width: 100%; */
    /* margin: 0 auto; */
  }

  .textleft {
    text-align: left;
  }

  .textrigth {
    text-align: right;
  }

</style>
